$(function(){

	$('#ico-show').on('click',function(){
		if($('#faceBox').css("display") == 'none'){
			$('#faceBox').show();
		}else{
			$('#faceBox').hide();
		}
		$('#msg-text').focus();
	});
	
	//选择图片
	$('#faceBox').on('tap','.face-pic',function(){
		var tag = $(this).attr('data-tag');
		var val = $('#msg-text').val();
		var nexval = val + '['+tag+']';
		$('#msg-text').val(nexval);
		$('#faceBox').hide();
		return false;
	});
	
	//发送消息
	//$('#msgSubmit').on('click',function(){
	//
	//	var msgVal = $('#msg-text').val();
	//
	//	if(!msgVal){
	//		$('#msg-text').focus();
	//		return false;
	//	}
	//
	//	//匹配表情
	//	var msgInputValArr = msgVal.match(/\[\d+\]/g);
	//	var marrlen = 0;
	//	if(msgInputValArr != null){
	//		marrlen = msgInputValArr.length;
	//		if(marrlen>0){
	//			for(var m=0; m<marrlen; m++){
	//				var picnum = msgInputValArr[m].substring(1,msgInputValArr[m].length-1);
	//				var picurl = "<img src='images/paopao/"+picnum+".gif' class='d-face'>";
	//				msgVal = msgVal.replace("["+picnum+"]",picurl);
	//			}
	//		}
	//	}
	//
	//	var html = '';
	//	html += '<div class="msg-item msg-item-self" msg-type="item.type" msg-content="item.content">';
	//	html += '	<div class="mgs-time"><time>2016年08月20日 10:33:32</time></div>';
	//	html += '	<img class="msg-user msg-user-img" src="./images/pic.jpg" alt="" />';
	//	html += '	<div class="msg-content">';
	//	html += '		<div class="msg-content-inner">'+msgVal+'</div>';
	//	html += '		<div class="msg-content-arrow"></div>';
	//	html += '	</div>';
	//	html += '	<div class="mui-item-clear"></div>';
	//	html += '</div>';
	//
	//	$('#msg-list').append(html).scrollTop($('#msg-list').height() + 300);
	//
	//	$('#msg-text').val('');
	//});
	
	//发送图片
	$('.uploadPic').on('tap',function(){
		$('#uploadPic').trigger('click');
	});
	
	$('#uploadPic').localResizeIMG({
		width:100,
		quality:1,
		success:function(result){
			
                xhr = new XMLHttpRequest();

                formData = new FormData();

                xhr.open('POST', 'index.php', true);

                formData.append('file', base64ToBlob(result.base64));

                xhr.onload = function(){
					if (xhr.status === 200) {
						// 上传成功
						var html = '';
						html += '<div class="msg-item msg-item-self" msg-type="item.type" msg-content="item.content">';
						html += '	<div class="mgs-time"><time>2016年08月20日 10:33:32</time></div>';
						html += '	<img class="msg-user msg-user-img" src="./images/pic.jpg" alt="" />';
						html += '	<div class="msg-content">';
						html += '		<div class="msg-content-inner">';
						html += '			<img class="msg-content-image" style="max-width:100px;" src="'+result.base64+'" alt="" />';
						html += '		</div>';
						html += '		<div class="msg-content-arrow"></div>';
						html += '	</div>';
						html += '	<div class="mui-item-clear"></div>';
						html += '</div>';
						
						
						$('#msg-list').append(html).scrollTop($('#msg-list').height() + 300);
					}
					$('#faceBox').hide();
				};
				
                xhr.send(formData);
		}
	 });
	 
	 function base64ToBlob(urlData,filetype){
        var bytes=window.atob(urlData.split(',')[1]);
        var ab = new ArrayBuffer(bytes.length);
        var ia = new Uint8Array(ab);
        for (var i = 0; i < bytes.length; i++) {
            ia[i] = bytes.charCodeAt(i);
        }
        if (filetype === '' || !filetype) {
          filetype = 'image/png';
        }
        return new Blob([ab], {type : filetype});
    }
	
	
});